<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <style>
    /* ваш стиль */
  </style>
</head>

<body>

  <!-- картинки для узлов -->
  <img src="https://js.cx/sprite-tree/minus.gif" width="16" height="16">
  <img src="https://js.cx/sprite-tree/plus.gif" width="16" height="16">
  <img src="https://js.cx/sprite-tree/article.gif" width="16" height="16">


  <ul>
    <li class="open">
      <div class="icon"></div>
      <div class="text">Раздел 1
        <br>(занимает две строки)</div>
      <ul>
        <li class="closed">
          <div class="icon"></div>
          <div class="text">Раздел 1.1</div>
        </li>
        <li class="leaf">
          <div class="icon"></div>
          <div class="text">Страница 1.2
            <br>(занимает две строки)</div>
        </li>
      </ul>
    </li>
    <li class="closed">
      <div class="icon"></div>
      <div class="text">Раздел 2
        <br>(занимает две строки)</div>
    </li>
  </ul>

</body>

</html>